
// ===== 非物质文化遗产平台 - 色彩系统 =====

// 尺寸变量
$base-menu-width: 260px;
$base-menu-min-width: 64px;
$base-tabbar-height: 60px;
$base-menu-logo-height: 64px;
$base-logo-title-fontSize: 18px;

// ===== 主题色彩 - 融合传统与现代 =====

// 左侧菜单（采用深色中国传统色）
$base-menu-background: linear-gradient(180deg, #2B3A42 0%, #1F2933 100%);  // 墨青色渐变
$base-menu-text-color: #D4CFC0;          // 米黄/宣纸色
$base-menu-hover-bg: rgba(197, 151, 100, 0.12);  // 悬停背景
$base-menu-active-color: #C59764;        // 激活文字（金棕色）
$base-menu-active-bg: rgba(197, 151, 100, 0.15);  // 激活背景

// 顶部导航栏（采用浅色传统色）
$base-tabbar-background: #F5F0E8;        // 暖米色
$base-tabbar-text-color: #3D3D3D;        // 深灰墨色
$base-tabbar-border: #E0D5C7;            // 边框色
$base-tabbar-shadow: 0 2px 8px rgba(61, 61, 61, 0.06);

// Logo区域
$base-logo-background: #1F2933;          // 深墨色
$base-logo-text-color: #C59764;          // 金棕色
$base-logo-border: rgba(197, 151, 100, 0.2);

// 主要功能色
$base-color-primary: #8B6F47;            // 主色（土棕色）
$base-color-success: #6B8E7F;            // 成功（青绿）
$base-color-warning: #D4A574;            // 警告（杏黄）
$base-color-danger: #C14953;             // 危险（朱红）
$base-color-info: #7B8D9E;               // 信息（蓝灰）

// 交互色
$base-color-hover: #C59764;              // 悬停（金棕）
$base-color-active: #A67C52;             // 点击（深棕）
$base-color-disabled: #B5ACA0;           // 禁用

// 背景色系
$base-bg-light: #FDFBF7;                 // 浅背景
$base-bg-dark: #F5F0E8;                  // 深背景
$base-bg-hover: #F0E9DD;                 // 悬停背景

// 文字色系
$base-text-primary: #3D3D3D;             // 主要文字
$base-text-secondary: #666666;           // 次要文字
$base-text-placeholder: #999999;         // 占位文字
$base-text-disabled: #CCCCCC;            // 禁用文字

// 边框色
$base-border-color: #E0D5C7;             // 主边框
$base-border-light: #EDE6DB;             // 浅边框
$base-border-dark: #C9BFB0;              // 深边框

// 阴影
$base-shadow-sm: 0 2px 4px rgba(61, 61, 61, 0.05);
$base-shadow-md: 0 4px 12px rgba(61, 61, 61, 0.08);
$base-shadow-lg: 0 8px 24px rgba(61, 61, 61, 0.12);

// 圆角
$base-radius-sm: 4px;
$base-radius-md: 8px;
$base-radius-lg: 12px;

// 过渡动画
$base-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);